<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<html>
	<%@include file="/common/fullFrame.jsp"%>
	<!-- 左侧数据区 -->
	<div id="indexImgArea" class="divCommon dataDiv1">
	</div>
	<div id="dataDiv2" class="divCommon dataDiv2">
	</div>
	<div id="dataDiv3" class="divCommon dataDiv3">
	</div>
	<div id="dataDiv4" class="divCommon dataDiv4">
	</div>
	<div id="dataDiv5" class="divCommon dataDiv5">
	</div>
	<div id="dataDiv6" class="divCommon dataDiv6">
	</div>
	<div id="dataDiv7" class="divCommon dataDiv7">
	</div>
	<div id="dataDiv8" class="divCommon dataDiv8">
	</div>
	
	<!-- 右侧数据区 -->
	<div class="divCommon dataDiv9">
		<div id="dataDiv12" class="dataDiv12">
		</div>
		<div id="dataDiv13" class="dataDiv13">
		</div>
		<div id="dataDiv14" class="dataDiv14">
		</div>
	</div>
	
	<!-- 中部广告区域 -->
	<div class="divCommon advDiv2">
		<img src="images/test.jpg" style="width:100%;height:100%"></img>
	</div>
	<!-- 底部广告区域 -->
	<div class="divCommon advDiv1">
		<img src="images/footer.jpg" style="width:100%;height:100%"></img>
	</div>
	
	<!-- 分割线 -->
	<img class="hLine1"	src="images/u84.png"/>
	<img class="hLine2"	src="images/u84.png"/>
	<img class="hLine3"	src="images/u84.png"/>
	<img class="hLine4"	src="images/u84.png"/>
	<img class="vLine1"	src="images/u81.png"/>
	<link href="css/index.css" type="text/css" rel="stylesheet" />
	<script src="common/jquery.d.imagechange-1.3/js/jquery.d.imagechange.js"></script>
	<script type="text/javascript">
		var imgData = [
			{title:'芯片工厂',desc:'一个不为人知的所在',src:'images/mg_5919.jpg',href:'http://www.google.com.hk',target:'_blank',width:385,height:250},
			{title:'太空服',desc:'高清洁度的无尘空间',src:'images/mg_6026.jpg',width:385,height:250},
			{title:'晶硅模板',desc:'你无法想像的工艺品',src:'images/mg_6166.jpg',width:385,height:250}
		];
		var tpl="<table width='100%'><tbody></tbody></table>";
		
		$(document).ready(function(){
			for(var i=2;i<9;i++){
				var data=$(tpl);
				data.attr("id","dataTable"+i);
				$("#dataDiv"+i).append(data);
				insertIntoTable("dataTable"+i,"<tr><td width='80%'>最新</td><td width='20%' align='right'><a href=''>更多...</a></td></tr>");
				insertIntoTable("dataTable"+i,"<tr><td colspan='2'>这是一个超级长长长长的标题吗？可以20个字吗？</td></tr>",10);
			}
			
			$('#indexImgArea').d_imagechange({
				data:imgData
			});
			
			var data=$(tpl);
			data.attr("id","perfectArticles");
			$("#dataDiv13").append(data);
			insertIntoTable("perfectArticles","<tr><td width='80%'>精彩博文</td><td width='20%' align='right'><a href=''>更多...</a></td></tr>");
			insertIntoTable("perfectArticles","<tr><td colspan='2'>这是一个超级长长长长的标题吗</td></tr>",12);
			
			data=$(tpl);
			data.attr("id","perfectApps");
			$("#dataDiv14").append(data);
			insertIntoTable("perfectApps","<tr><td width='80%'>精彩应用</td><td width='20%' align='right'><a href=''>更多...</a></td></tr>");
			insertIntoTable("perfectApps","<tr><td colspan='2'>这是一个超级长长长长的标题吗</td></tr>",15);
		})
	</script>
</html>
<div id="container">
	<div id="first">
	</div>
	<div id="second">
	</div>
</div>